import React from 'react'
import style from './style.module.scss'
import FListItem from '../FListItem'

/**
 * 旅行攻略组件
 * @param props
 * @returns {JSX.Element}
 * @constructor
 */
function Index (props) {
  return (
    <div className={style.HomeModTravel}>
      <div className={style.hd}>
        <div className={style.title}>
          <h3><i className="f-icon"></i>旅游攻略</h3>
          <div>
            <span>创建行程</span>
            <span>发表游记</span>
          </div>
          <span>更多精彩攻略 <i className="f-icon"></i></span>
        </div>

      </div>
      <div className={style.bd}>
        <div className={style.bdLeft}>
          <ul>
            <li><FListItem/></li>
          </ul>
        </div>
        <div className={style.bdRight}>
          <div className={style.tab}>
            <ul>
              <li className={style.avtive}>旅拍也要出大片</li>
              <li>旅拍也要出大片</li>
            </ul>
          </div>

          <div className={style.content}>
            <div className={style.ctleft}></div>
            <div className={style.ctright}></div>
          </div>
        </div>
      </div>
    </div>
  )
}

export default Index
